<style>
  :root {
    --mb-default-font-family: "Lato";
    --mb-color-bg-dark: #93a1ab;
    --mb-color-bg-error: #ed6e6e55;
    --mb-color-bg-light: #f9fbfc;
    --mb-color-bg-medium: #edf2f5;
    --mb-color-bg-night: #42484e;
    --mb-color-bg-white: #fff;
    --mb-color-border: #eeecec;
    --mb-color-brand-alpha-04: rgba(80, 158, 227, 0.04);
    --mb-color-brand-alpha-88: rgba(80, 158, 227, 0.88);
    --mb-color-brand-light: #f9fbfc;
    --mb-color-brand-lighter: #eef6fc;
    --mb-color-brand: #509ee3;
    --mb-color-danger: #ed6e6e;
    --mb-color-error: #ed6e6e;
    --mb-color-filter: #7172ad;
    --mb-color-focus: #cbe2f7;
    --mb-color-shadow: rgba(0, 0, 0, 0.13);
    --mb-color-success: #84bb4c;
    --mb-color-summarize: #88bf4d;
    --mb-color-text-white: #fff;
    --mb-color-text-dark: #4c5773;
    --mb-color-text-light: #949aab;
    --mb-color-text-medium: #696e7b;
    --mb-color-warning: #f9cf48;

    --mb-color-border-alpha-30: color-mix(
      in srgb,
      var(--mb-color-border) 30%,
      transparent
    );
    --mb-color-text-white-alpha-85: color-mix(
      in srgb,
      var(--mb-color-text-white) 85%,
      transparent
    );
    --mb-color-bg-black-alpha-60: color-mix(
      in srgb,
      var(--mb-color-bg-black) 60%,
      transparent
    );
    --mb-color-bg-white-alpha-15: color-mix(
      in srgb,
      var(--mb-color-bg-white) 15%,
      transparent
    );

    /*
      Theming-specific CSS variables.
      These CSS variables are not part of the core design system colors.
    **/
    --mb-color-bg-dashboard: var(--mb-color-bg-white);
    --mb-color-bg-dashboard-card: var(--mb-color-bg-white);
  }
</style>
